var app = new Vue({
    el: '#app',
    data: {
        form: {
            id: 0,
            title: '',
            route: '',
            type: '',
            remark: '',
            long_url: '',
            is_allow_qq: '0',
            is_allow_wx: '0',
            is_allow_pc: '0',
            is_allow_mobile_defalut_browser: '1',
            is_allow_android : '0',
            is_allow_apple : '0',
            created_on : '',
            modified_on : '',
            regions: []
        },
        domain: 'http://3qvm.com/',
        rules: {
            title: [
                { required: true, message: '请输入短链接标题', trigger: 'blur' },
            ],
            route: [
                { required: true, message: '请输入短链接', trigger: 'blur' },
            ],
            long_url: [
                { required: true, message: '请输入跳转链接', trigger: 'blur' },
            ],
        },
        dialog: {
            timeIsShow: false,
            dateIsShow: false,
            isShow: false,
            dataIsShow: false,
            title: '',
            disabled: false
        },
        ssqDetail: {
            id: ''
        },
        log: {
            current_page: 1,
            total: 0,
            page_size: 15,
            data: []
        },
        activeName: 'first',
        activeNameTwo: 'left',
        options: [
            {'value':'北京市','label':'北京市'},
            {'value':'广东省','label':'广东省'},
            {'value':'山东省','label':'山东省'},
            {'value':'江苏省','label':'江苏省'},
            {'value':'河南省','label':'河南省'},
            {'value':'上海市','label':'上海市'},
            {'value':'河北省','label':'河北省'},
            {'value':'浙江省','label':'浙江省'},
            {'value':'陕西省','label':'陕西省'},
            {'value':'湖南省','label':'湖南省'},
            {'value':'重庆市','label':'重庆市'},
            {'value':'福建省','label':'福建省'},
            {'value':'天津市','label':'天津市'},
            {'value':'云南省','label':'云南省'},
            {'value':'四川省','label':'四川省'},
            {'value':'安徽省','label':'安徽省'},
            {'value':'海南省','label':'海南省'},
            {'value':'江西省','label':'江西省'},
            {'value':'湖北省','label':'湖北省'},
            {'value':'山西省','label':'山西省'},
            {'value':'辽宁省','label':'辽宁省'},
            {'value':'台湾省','label':'台湾省'},
            {'value':'黑龙江','label':'黑龙江'},
            {'value':'贵州省','label':'贵州省'},
            {'value':'甘肃省','label':'甘肃省'},
            {'value':'青海省','label':'青海省'},
            {'value':'西藏区','label':'西藏区'},
            {'value':'吉林省','label':'吉林省'},
            {'value':'香港','label':'香港'},
            {'value':'广西壮族自治区','label':'广西壮族自治区'},
            {'value':'内蒙古自治区','label':'内蒙古自治区'},
            {'value':'澳门特别行政区','label':'澳门特别行政区'},
            {'value':'新疆维吾尔自治区','label':'新疆维吾尔自治区'},
            {'value':'宁夏回族自治区 ','label':'宁夏回族自治区'},
        ]
    },
    mounted:function(){
        this.ssqDetail.id = this.form.id = this.getUrlKey('id');
        this.getCate()
    },
    methods: {
        handleTableClick: function(table, event) {
            if (table.index === '1') {
                this.getAccessLog()
            }
        },
        goBack: function() {
            window.location.href = '/short/list';
        },
        getCate: function() {
            var _this = this;
            // 获取栏目
            $.ajax({
                url: '/short/getOne',
                type: 'get',
                data: {id: _this.ssqDetail.id},
                dataType: 'json',
                success: function(res) {
                    if (res.status === 0) {

                        _this.form = res.data
                    } else {
                        _this.$message.error(res.message)
                    }
                }
            })
        },
        sizeChange: function(size) {
            this.log.page_size = size;
            this.getAccessLog();
        },
        getAccessLog: function() {
            var _this = this;
            // 获取栏目
            $.ajax({
                url: '/short/getAccessLog',
                type: 'get',
                data: {
                    id: _this.ssqDetail.id,
                    current_page: _this.log.current_page,
                    page_size: _this.log.page_size,
                },
                dataType: 'json',
                success: function(res) {
                    if (res.status === 0) {
                        _this.log.current_page = res.data.current_page;
                        _this.log.data = res.data.data;
                        _this.log.total = res.data.total;
                    } else {
                        _this.$message.error(res.message)
                    }
                }
            })
        },
        generateTitle: function() {
            this.dialog.timeIsShow = true;
        },
        generateSubtitle: function(){
            this.dialog.dateIsShow = true;
        },
        addData: function(){
            this.form.data = {
                one: '',
                two: '',
                three: '',
                four: '',
                five: '',
                six: '',
                seven: '',
                type: 'left',
                id: ''
            };
            this.dialog.dataIsShow = true;
        },
        timeSubmit: function(){
            if (this.form.number != null && this.form.number !== "") {
                this.form.title = '双色球第' + this.form.number + '期中奖号码'
                this.dialog.timeIsShow = false;
            } else {
                this.$message.error('请输入期数');
            }
        },
        dateSubmit: function(){
            if (this.form.time != null && this.form.time !== "") {
                this.form.time += ':00'
            }
            if (this.form.date != null && this.form.date !== "") {
                this.form.subtitle = '开奖时间：' + this.form.date + ' ' + this.form.time
                this.dialog.dateIsShow = false;
            } else {
                this.$message.error('请选择日期');
            }
        },
        onSubmit: function(){
            var _this = this;
            _this.$refs.form.validate(function(valid) {
                if (valid) {
                    // 修改标题
                    $.ajax({
                        url: '/short/saveData',
                        type: 'post',
                        data: _this.form,
                        dataType: 'json',
                        success: function(res) {
                            if (res.status === 0) {
                                _this.$message.success(res.message)
                            } else {
                                _this.$message.error(res.message)
                            }
                        }
                    })
                } else {
                    return false;
                }
            });

        },
        dataSubmit: function() {
            var _this = this;
            if (_this.form.data.one === '') {
                _this.$message.err('第一个数字不能为空');return false;
            }
            if (_this.form.data.two === '') {
                _this.$message.err('第二个数字不能为空');return false;
            }
            if (_this.form.data.three === '') {
                _this.$message.err('第三个数字不能为空');return false;
            }
            if (_this.form.data.four === '') {
                _this.$message.err('第四个数字不能为空');return false;
            }
            if (_this.form.data.five === '') {
                _this.$message.err('第五个数字不能为空');return false;
            }
            if (_this.form.data.six === '') {
                _this.$message.err('第六个数字不能为空');return false;
            }
            if (_this.form.data.seven === '') {
                _this.$message.err('第七个数字不能为空');return false;
            }
            _this.form.data.cate_id = _this.ssqDetail.id;
            $.ajax({
                url: '/short/saveData',
                type: 'post',
                data: _this.form.data,
                dataType: 'json',
                success: function(res) {
                    if (res.status === 0) {
                        _this.dialog.dataIsShow = false;
                        _this.getCate();
                        _this.$message.success(res.message);
                        _this.form.data = {
                            one: '',
                            two: '',
                            three: '',
                            four: '',
                            five: '',
                            six: '',
                            seven: '',
                            type: 'left',
                            id: ''
                        };
                    } else {
                        _this.$message.error(res.message)
                    }
                }
            })
        },
        deleteData: function(id) {
            var _this = this;
            _this.$confirm('是否删除?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                // 处理删除逻辑
                $.ajax({
                    url: '/short/delData',
                    type: 'post',
                    data: {id: id},
                    dataType: 'json',
                    success: function(res) {
                        if (res.status === 0) {
                            _this.$message.success(res.message)
                            _this.getCate()
                        } else {
                            _this.$message.error(res.message)
                        }
                    }
                })
            }).catch(() => {

            });

        },
        editData: function(item) {
            this.form.data = item
            this.dialog.dataIsShow = true;
        },
        generateShare: function() {
            var _this = this
            $.ajax({
                url: '/short/generateShare',
                type: 'post',
                data: {cate_id: _this.ssqDetail.id},
                dataType: 'json',
                success: function(res) {
                    if (res.status === 0) {
                        window.location.href = '/short/share?uuid=' + res.data.uuid;
                    } else {
                        _this.$message.error(res.message)
                    }
                }
            })
        },
        copy: function(url) {
            var input = document.createElement('input')
            input.value = url;
            document.body.appendChild(input)
            input.select()
            document.execCommand('Copy')
            this.$message.success('复制成功')
            input.remove()
        },
        copyCate: function() {
            var _this = this;
            _this.$prompt('请输入栏目名称', '栏目', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                inputValue:'',
            }).then(({value}) => {
                if (value != null && value !== "") {
                    console.log(value)
                    // 修改栏目
                    $.ajax({
                        url: '/short/copyCate',
                        type: 'post',
                        data: {name: value, id: _this.ssqDetail.id},
                        dataType: 'json',
                        success: function(res) {
                            if (res.status === 0) {
                                _this.$message.success(res.message)
                            } else {
                                _this.$message.error(res.message)
                            }
                        }
                    })
                } else {
                    _this.$message({
                        type: 'warning',
                        message: '未输入任何信息'
                    })
                }
            }).catch(() => {

            })
        },
        delData: function() {
            var _this = this;
            _this.$confirm('是否删除?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                // 处理删除逻辑
                $.ajax({
                    url: '/short/deleteData',
                    type: 'post',
                    data: {id: _this.ssqDetail.id},
                    dataType: 'json',
                    success: function(res) {
                        if (res.status === 0) {
                            _this.$message.success(res.message)
                            _this.getCate()
                        } else {
                            _this.$message.error(res.message)
                        }
                    }
                })
            }).catch(() => {

            });
        },

    }
});
